<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>注册</title>
    <link rel="stylesheet" href="./style/weui.min.css"/>
	<link rel="stylesheet" href="./style/style.css"/>
	<script data-main="js/app/register.js" src="js/lib/require.js" defer async="true"></script>
    <style>
	.weui-cells:after {
		border-bottom: 0px solid #e5e5e5;
	}
	.zindex-9999{
		z-index:9999;
	}
	.weui-mask{
		z-index:9999;
	}
	.weui-dialog {
		z-index:9999;
	}
	.weui-dialog__btn {
		font-size: 14px;
	}
	.weui-dialog__bd {
		font-size: 14px;
	}
	.weui-skin_android .weui-dialog__bd {
		font-size: 14px;
	}

	.weui_avatar {
		width: 52px;
		height: 52px;
		border-radius: 4px;
		vertical-align: middle;
	}
	</style>
</head>

<body style="background-color: #ffffff;">
	<header class="wy-header">
		<div class="wy-header-icon-back"><a href="javascript:window.history.back();"></a></div>
		<div class="wy-header-title">注册</div>
		<div class="wy-header-icon-index"><a href="index.html"></a></div>
	</header>
	
	<form action="index.html" method="post" enctype="multipart/form-data"> 
		<div class="weui-cells weui-cells_form" style="padding-top: 44px;margin-top: 0px;">
			<div class="weui-cell " style="font-size: 14px;">
				<div class="weui-cell__hd" ><label class="weui-label">手机号码</label></div>
				<div class="weui-cell__bd">
					<input class="weui-input" type="number" pattern="[0-9]*" placeholder="请输入手机号" id="mobile" name="mobile"/>
				</div>
				<div class="weui-cell__ft">
					<i class="weui-icon-warn" style="font-size: 20px;"></i>
				</div>
			</div>

			<div class="weui-cell weui-cell_warn" style="font-size: 14px;">
				<div class="weui-cell__hd" ><label class="weui-label">密<span style="margin-left: 28px;">码</span></label></div>
				<div class="weui-cell__bd">
					<input class="weui-input" type="password" placeholder="请您输入密码" id="password" name="password"/>
				</div>
				<div class="weui-cell__ft">
					<i class="weui-icon-warn" style="font-size: 20px;"></i>
				</div>
			</div>
			<div class="weui-cell" style="font-size: 14px;">
				<div class="weui-cell__hd" ><label class="weui-label">确认密码</label></div>
				<div class="weui-cell__bd">
					<input class="weui-input" type="password" placeholder="请您确认密码" id="passwordConfirm" name="passwordConfirm"/>
				</div>
			</div>

			<div class="weui-cell weui-cell_vcode" >
				<div class="weui-cell__bd" >
					<input class="weui-input" type="text" placeholder="短信验证" style="font-size: 14px; ">
				</div>
				<div class="weui-cell__ft">
					<a href="javascript:;" class="weui-vcode-btn" style="font-size: 14px;/*width: 83px;*/text-align:center;height: 41px;">获取验证码</a>
				</div>
			</div>

			<div class="weui-gallery" id="gallery" style="z-index:9999;">
				<span class="weui-gallery__img" id="galleryImg"></span>
				<div class="weui-gallery__opr">
					<a href="javascript:" class="weui-gallery__del">
						<i class="weui-icon-delete weui-icon_gallery-delete"></i>
					</a>
				</div>
			</div>

			<input style="display:none;" id="headFile" name="headFile" type="file" accept="image/*"/>
			<div class="weui-cell weui-cell_access" style="font-size: 14px;" id="headDiv">
				<div class="weui-cell__hd" ><label class="weui-label">头像上传</label></div>
				<div class="weui_cell_ft " >
					<img class="weui_avatar" src="./images/bear.jpg" alt="">
				</div>
			</div>

			<div class="weui-cell" id="uploader">
				<div class="weui-cell__bd">
					<div class="weui-uploader">
						<div class="weui-uploader__hd" style="font-size: 14px;">
							<p class="weui-uploader__title">图片上传</p>
							<div class="weui-uploader__info"><span id="uploadCount">3</span>/5</div>
						</div>
						<div class="weui-uploader__bd">
							<ul class="weui-uploader__files" id="uploaderFiles">
								<li class="weui-uploader__file" style="background-image:url(./images/bear.jpg)"></li>
								<li class="weui-uploader__file" style="background-image:url(./images/bear.jpg)"></li>
								<li class="weui-uploader__file" style="background-image:url(./images/bear.jpg)"></li>
								<li class="weui-uploader__file weui-uploader__file_status" style="background-image:url(./images/bear.jpg)">
									<div class="weui-uploader__file-content">
										<i class="weui-icon-warn"></i>
									</div>
								</li>
								<li class="weui-uploader__file weui-uploader__file_status" style="background-image:url(./images/bear.jpg)">
									<div class="weui-uploader__file-content">50%</div>
								</li>
							</ul>
							<div class="weui-uploader__input-box">
								<!-- <input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*" capture="camera" multiple=""/> -->
								<input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*" multiple=""/>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="weui-cell weui-cell_vcode">
			</div>
			
			<div class="weui-btn-area" style="margin-bottom: 140px;">
				<!-- input class="weui-btn weui-btn_primary" type="submit" id="confirmBtn" style="font-size: 14px;height:39px;" value="确 定"/> -->
				<a class="weui-btn weui-btn_primary" href="javascript:" id="confirmBtn" style="font-size: 14px;height:39px;"><i id="confirmLoading"></i>确 定</a>
				<a class="weui-btn weui-btn_default" href="login.html" id="" style="font-size: 14px;height:39px;">登 录</a>
			</div>
		</div>
	</form>

	<div class="weui-msg__extra-area">
		<div class="weui-footer">
			<p class="weui-footer__text">Copyright &copy; 2018-2099 zshop</p>
		</div>
	</div>

</body>
</html>
